<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link rel="stylesheet" href="css/swiper.css" type="text/css">
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.js"></script>
    <script src="js/common.js" defer></script>
</head>
<body>
<div class="scroll-container">
    <div class="header">
        <div class="headerbox">
            <h1 class="logo"><a href="index.html"><img src="images/logo.png"/></a></h1>
            <div class="dhbtn"></div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="cpfw.html">产品&与服务</a></li>
                    <li class="cur"><a href="alnr.html">案例</a></li>
                </ul>
            </div>
            <div class="lxdh">
                <p>服服热线：<b>400 014 1818</b></p>
                <p>企业邮箱：<b>9hello@sina.com</b></p>
                <p>企业地址：四川省成都市金牛区星辰东一街6号</p>
            </div>
        </div>
    </div>
    <div class="cpfw">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="cpfwbox">
                        <div class="cpfwtp">
                            <img src="images/b5.png"/>
                            <div class="cpjsnr">
                                <h2>家庭厨余入户采集</h2>
                                <p>成都市xxx牛区3万户家庭入户采集</p>
                            </div>
                        </div>
                        <a href=""></a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cpfwbox">
                        <div class="cpfwtp">
                            <img src="images/b6.png"/>
                            <div class="cpjsnr">
                                <h2>屋顶绿化</h2>
                                <p>成都市xxx星堆屋顶绿化</p>
                            </div>
                        </div>
                        <a href=""></a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cpfwbox">
                        <div class="cpfwtp">
                            <img src="images/b7.png"/>
                            <div class="cpjsnr">
                                <h2>沙化治理</h2>
                                <p>若尔盖草原沙化治理</p>
                            </div>
                        </div>
                        <a href=""></a>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <script>
            var swiper1 = new Swiper(".cpfw .mySwiper", {
                spaceBetween: 0,
                centeredSlides: true,
                loop: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: ".cpfw .swiper-pagination",
                    clickable: true,
                },
            });
        </script>
    </div>
    <div class="footer"></div>
    <div class="dhbj"></div>
    <div class="verson"></div>
</div>
<script type="text/javascript">
    $('.dhbtn').click(function () {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
            $('.nav').animate({left: '-220px'}, 500);
            $('.dhbj').fadeOut();
        } else {
            $(this).addClass('on');
            $('.dhbj').fadeIn();
            $('.nav').animate({left: 0}, 500);
        }
    })
    var swiper1 = new Swiper(".cpfw .mySwiper", {
        spaceBetween: 0,
        centeredSlides: true,
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".cpfw .swiper-pagination",
            clickable: true,
        },
        slidesPerView: 1,
        effect: 'slide',
        spaceBetween: 0,
    });
</script>
</body>
</html>

